<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入icon图标 -->
    <link rel="stylesheet" href="./favicon.ico">
    <link rel="stylesheet" href="./fonts/font_2467737_dr70id703mo/iconfont.css">
    <!-- 引入index1首页的样式 -->
    <link rel="stylesheet" href="./style/index1.css">
</head>

<body>
    <!-- 广告模块 -->
    <div class="banner">
        <img src="./uploads/banner_1.png" alt="">
    </div>
    <!-- 项目区 -->
    <div class="item">
        <!-- 项目标题 -->
        <h3 class="item-header">乐园活动</h3>
        <div class="items-list">
            <!-- 活动区 -->
            <div class="items-list-activity">
                <img class="avater" src="./uploads/item_1.png" alt="">
                <div class="items-list-activity-title">
                    <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                    <span>免费</span>
                </div>
                <div class="items-list-activity-footer">
                    <span> <i class="iconfont icon-flag"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-flag"></i> 本周六开始</span>
                </div>
                <!-- 状态：进行中 -->
                <div class="state">
                    进行中
                </div>
                <!-- 遮盖层 -->
                <div class="cover">
                </div>
            </div>

            <!-- 摄影区 -->
            <div class="items-list-activity items-list-photography">
                <img class="avater" src="./uploads/item_1.png" alt="">
                <div class="items-list-activity-title">
                    <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                    <span>免费</span>
                </div>
                <div class="items-list-activity-footer">
                    <span> <i class="iconfont icon-flag"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-flag"></i> 本周六开始</span>
                </div>
                <!-- 状态：进行中 -->
                <div class="state stop">
                    已结束
                </div>
                <!-- 遮盖层 -->
                <div class="cover">
                </div>
            </div>

            <!-- 趣味识地图 -->
            <div class="items-list-activity items-list-map">
                <img class="avater" src="./uploads/item_1.png" alt="">
                <div class="items-list-activity-title">
                    <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                    <span>免费</span>
                </div>
                <div class="items-list-activity-footer">
                    <span> <i class="iconfont icon-flag"></i> 200人已报名</span>
                    <span> <i class="iconfont icon-flag"></i> 本周六开始</span>
                </div>
                <!-- 状态：进行中 -->
                <div class="state stop">
                    已截止
                </div>
                <!-- 遮盖层 -->
                <div class="cover">
                </div>
            </div>
        </div>
    </div>
    <div class="fixed">
        <a href="#">
            <i class="iconfont icon-shouye"></i>
            首页
        </a>
        <a href="#">
            <i class="iconfont icon-shouye"></i>
            首页
        </a>
        <a href="#">
            <i class="iconfont icon-shouye"></i>
            首页
        </a>
    </div>
</body>


</html>